<template>
	<div>
    <div class="layer_top">
      <div class="name-area"><span class="names">用户姓名：</span>{{ dataBus.userName }}</div>
      <div class="name-area"><span class="names">性别：</span>{{ dataBus.userSex }}</div>
      <div class="name-area"><span class="names">联系电话：</span>{{ dataBus.userMobile }}</div>
    </div>
    <hr style="margin: 15px 0">
    <h3>开发中...</h3>
  </div>
</template>

<script scope>
export default {
  props: {
    dataBus: Object,
    callbank: Function
  },
  data () {
    return {
      regionModel: [],
      regionArray: [],
      postRoleArray: [],
      bizRoleArray: [],
      bizRoleSelector: []
    }
  },
  methods: {
    Init() {}
  }
}
</script>
<style lang="less" scoped>
.layer_top {
  display: flex; flex-wrap: wrap;
}
.name-area {
  padding: 3px 0; width: 33%;
}
.names {
  width: 100px; font-weight: 800; display: inline-block;
}
</style>